<!DOCTYPE html>
<#assign basePath="">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>星际音乐盒</title>
    <#include "links.ftl">
    <style>
        .main {
            width: 1000px;
            margin: 0 auto;
        }

        .main .img {
            width: 1000px;
            margin: 0 auto;
            overflow: hidden;
            position: relative;
        }

        .main > .img > img {
            height: 100%;
            width: 100%;
        }

        .main > .img > a {
            position: absolute;
            top: 310px;
            right: 334px;
            display: block;
            height: 42px;
            width: 123px;
            cursor: pointer;
            opacity: 0;
        }

        .main > .top {
            position: fixed;
            top: 0;
            right: 0;
            z-index: 9990;
            width: 0;
            height: 100%;
        }

        .main > .top > .top_img {
            position: absolute;
            right: 5%;
            bottom: 100px;
            display: inline-block;
            height: 35px;
            width: 35px;
            cursor: pointer;
            background: url("${basePath}/img/icon/top.png");
            background-color: dimgrey;
        }
    </style>
</head>
<body>

<div>
    <a name="to_top"></a>
    <!--导航-->
    <#include "header.ftl">

    <div class="main">
        <div class="img">

            <img src="${basePath}/img/music-box.jpg">
            <a href="/home/deal"> </a>
        </div>
        <div class="top">
            <a class="top_img" href="#to_top"></a>
        </div>
    </div>
    <!--底部-->
    <#include "footer.ftl">
</div>

</body>
</html>